<template>
  <div class="w1200">
    <!-- 面包屑 开始 -->
    <div class="breadcrumb">
      <el-breadcrumb class="el_breadcrumb" separator-class="el-icon-arrow-right">
        <el-breadcrumb-item>首页</el-breadcrumb-item>
        <el-breadcrumb-item>{{ $cookies.get('city')||'全国'  }}</el-breadcrumb-item>
        <el-breadcrumb-item>{{ $cookies.get('city')||'全国'  }}医院</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <!-- 面包屑 end -->

    <div class="content mb20 mt20">
      <!-- 左侧内容 开始 -->
      <div class="left_box">
        <div class="success_box">
          <div class="icon_box">
            <i class="el-icon-circle-check"></i>
          </div>
          <h2 class="title">预约成功</h2>
          <h3 class="sub">稍后将有客服人员与您联系，请注意接听来电</h3>
          <div class="btn_box">
            <nuxt-link :to="`/my/center?type=3`" class="btn" v-if="$cookies.get('token')">查看我的预约</nuxt-link>
            <nuxt-link to="/login" class="btn" v-else>查看我的预约</nuxt-link>
            <!-- <el-button type="primary" class="btn" @click="lookBook"
              >查看我的预约</el-button
            > -->
          </div>
          <h4 class="tips">使用您预约手机号码登陆后，可查看您的预约记录</h4>
        </div>
      </div>
      <!-- 左侧内容 end -->

      <!-- 右侧内容 开始 -->
      <div class="right_box">
        <SettleIn />
      </div>
      <!-- 右侧内容 end -->
    </div>
  </div>
</template>
<script>
import SettleIn from "@/components/apply/settlein.vue";
export default {
  components: {
    SettleIn,
  },
  data() {
    return {};
  },
  methods: {
    // 查看我的预约记录
    lookBook() {
      // this.$router.push({
      //     path:'/appoint',
      //     query:{}
      // })
      this.$routerPush("/appoint", { type: 3 });
    },
  },
};
</script>
<style lang="less" scoped>
@import "/assets/styles/index/appoint/success.less";
</style>